<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>崩坏三</title>
    <link rel="stylesheet" href="{{b}}">
    <!-- <link rel="stylesheet" href="{{c}}"> -->
</head>
<body>
    <div class="container">
        <div class="user-info">
            <div class="avatar">
                <img src="{{BH3.aau1}}" alt="圆形图片">
            </div>
            <div class="user-details">
                <h2>{{BH3.nname}}</h2>
                <p>{{BH3.sserver}} LV.{{BH3.llevel}}</p>
                <p>UID: {{BH3.uuid}}</p>
            </div>
        </div>       
        <div class="stats">
            <h3>用户信息</h3>
            <div class="stats-container">
                <p>累计登陆:{{BH3.adn}}</p>
                <p>装甲数:{{BH3.an1}}</p>
                <p>SSS装甲数:{{BH3.sssan1}}</p>
                <p>圣痕数:{{BH3.sn2}}</p>
                <p>武器数:{{BH3.wn1}}</p>
                <p>服装数:{{BH3.sn1}}</p>
                <p>乐土最高得分:{{BH3.gwmcs}}</p>
                {{if BH3.mh1}}
                <p>水晶收入: {{BH3.mh1}}</p>
                {{/if}}
                {{if BH3.ms1}}
                <p>星石收入: {{BH3.ms1}}</p>
                {{/if}}
            </div>
        </div>        
        <div class="monthly-stats">
            <h3>往期深渊</h3>
            <div class="full-width-div-3" id="newDiv">
                <div class="aby1"></div>
                <!-- <div class="aby2">深渊</div> -->
                {{each BH3.allAbyssData item index}}
                {{if item}}
                <div class="new-div {{if index}}new-div{{index}}{{/if}}">
                    <div class="aby3">终极区{{item.abylevel1}} {{item.bossName}} 得分:{{item.score}}</div>
                    <div class="aby4">结算时间:{{item.abystarttiem}}</div>
                    <div class="new24-div">
                        <div class="left">
                            {{each item.ABYAVA ava avaIndex}}
                            <div class="circleaby-div circle{{avaIndex}}">
                                <img src="{{ava.icon_path}}" alt="ava">
                                <div class="small-div"><img src="{{ava.star}}" alt="SSS"></div>
                            </div>
                            {{/each}}
                            <div class="circleaby-div circle4"><img src="{{item.efava}}" alt="ava"></div>
                        </div>
                        <div class="middle">
                            <div class="middle-item item1">段位:{{item.abylevel1}}</div>
                            <div class="middle-item item2">排名:{{item.rank}}</div>
                            <div class="middle-item item3">杯数:{{item.cup_number}}({{item.settled_cup_number}})</div>
                        </div>
                        <div class="right">
                            <img src="{{item.bossAvatar}}" alt="Boss Image">
                        </div>
                    </div>
                </div>
                {{else}}
                <div class="new-div {{if index}}new-div{{index}}{{/if}} empty-abyss">
                    <p>暂无深渊数据</p>
                </div>
                {{/if}}
                {{/each}}
            </div>
        </div>
        <div class="strt-stats">
            <h3>上期战场</h3>
           <div class="aby233">总得分:{{BH3.allbf[0].tlscore}} 排行：{{BH3.allbf[0].bfekpc}}%</div>
        <div class="full-width-div-4" id="battlefieldDiv">
            <div class="aby1"></div>          
            {{if BH3.allbf && BH3.allbf.length > 0}}                
                {{each BH3.allbf[0].bf bf index}}
                    <div class="bfdiv{{index}}">
                        <div class="aby3">终极区{{BH3.allbf[0].bfrk}}档 {{bf.boss.name}} 得分:{{bf.score}}</div>
                        <div class="aby4">结算时间:{{BH3.allbf[0].bfuptime}}</div>
                        <div class="new24-div">
                            <div class="left">
                                {{each bf.lineup avatar idx}}
                                    <div class="circleaby-div circle{{idx+1}}">
                                        <img src="{{avatar.icon_path}}" alt="ava">
                                        <div class="small-div"><img src="{{avatar.star}}" alt="SSS"></div>
                                    </div>
                                {{/each}}
                                <div class="circleaby-div circle4">
                                    <img src="{{bf.elf.avatar}}" alt="ava">
                                </div>
                            </div>
                            <div class="middle">
                                <!-- 可以根据需要添加中间部分的内容 -->
                            </div>
                            <div class="right">
                                <img src="{{bf.boss.avatar}}" alt="Boss Image">
                            </div>
                        </div>
                    </div>
                {{/each}}
            {{else}}
                <div class="empty-battlefield">
                    <p>暂无战场数据</p>
                </div>
            {{/if}}
        </div>
    </div>
        <div class="update-info">
            <p>更新日期: {{BH3.dt1}}</p>
        </div>
    </div>
</body>
</html>
